<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>INFINI|映纷创意</title>
		 <link rel="shortcut icon" href="img/白色29.ico" type="image/x-icon">
		 <link rel="stylesheet" href="css/index.css">
		 <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
		 <link rel="stylesheet" href="css/bootstrap.min.css">
	</head>
	<body>
		<header>
			<center><img src="img/title2.png"></center>
				<div class="daohang">
				<nav>
				<a href="#" >HOME</a>
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" >WORK</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" >CONTACT</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="#" >JOIN US</a>
				</nav>
				</div>
		</header>
		<main>
			<div class="container-fluid">
				
			<a href="#">
				<div>
				<img src="img/家乡头条.jpg" alt="主页大图"class="img-responsive img-rounded">
                	<div class="circle">
			<span class="slider"></span>
			<span class="slider"></span>
			<span class="slider"></span>
			<span class="slider"></span>
			</div>
                <div class="description">
                	<p>家乡头条</p>
                </div>	
				</div>		
			</a>
		
	    <hr>
			<p class="jianjie">INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。</p>
			<hr>	
		
			<div class="picture">
				<span><img src="img/图标1.jpg"></span>
				<span><img src="img/图标2.jpg"></span>
				<span><img src="img/图标3.jpg"></span>
				<span><img src="img/图标4.jpg"></span>
				<span><img src="img/图标5.jpg"></span>
				<span><img src="img/图标6.jpg"></span>
				<span><img src="img/图标7.jpg"></span>
				<span><img src="img/图标8.jpg"></span>
				<span><img src="img/图标9.jpg"></span>
				<span><img src="img/图标10.jpg"></span>
				<span><img src="img/图标11.jpg"></span>
                <span><img src="img/图标12.jpg"></span>
                <span><img src="img/图标13.jpg"></span>
                <span><img src="img/图标14.jpg"></span>
			</div>
			<article class="content">
			
		
			
			<a id="p7" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/oppoR17.jpg">
			<p >OPPO R17系列</p>
			</a>
			<a id="p8" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/贝壳找房.jpg">
			<p >贝壳找房</p>
			</a>
			<a id="p9" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/青桔单车.jpg">
			<p >青桔单车</p>
			</a>
			
			<a id="p10" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/数字敦煌.jpg">
			<p >数字敦煌</p>
			</a>
			<a id="p11" href="#" class="photo photo2">
			<div class=""><div class=""></div></div>
			<img src="img/抖音升级篇.jpg">
			<p >抖音品牌升级片</p>
			</a>
			<a id="p12" href="#" class="photo">
			<div class=""><div class=""></div></div>
			<img src="img/家乡头条.jpg">
			<p >2017我的家乡头条</p>
			</a>
			
			
			</article>
			<hr/>
   
			</div>
		</main>
			 <footer>
    	
    		</div>
    	<div class="right-footer">
    		<div class="alls">
    			<div class="alls-logo">
    		    </div>
    		<p>INFINI | 映纷创意</p>
    		<p>北京市朝阳区常营</p>
    		<p>TEL : 010-85394331</p>
    		<p>QQ : 7585917</p>
    		<p>Email : infinistudio@foxmail.com</p>
    		<p>weibo : @InfiniStudio</p>
    		</div>
    	</div>
    </footer>	
	</body>
</html>

		